import { ThemeConfig } from 'antd';

export const antdTheme: ThemeConfig = {
  token: {
    // 主色调映射
    colorPrimary: '#3b82f6', // 对应 Tailwind primary-500
    colorSuccess: '#22c55e', // 对应 Tailwind success-500
    colorWarning: '#f59e0b', // 对应 Tailwind warning-500
    colorError: '#ef4444',   // 对应 Tailwind error-500
    
    // 圆角系统
    borderRadius: 12, // 对应 rounded-xl
    borderRadiusLG: 16, // 对应 rounded-2xl
    
    // 字体系统
    fontFamily: '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif',
    fontSize: 14, // 对应 Tailwind base
    
    // 间距系统
    padding: 16,
    margin: 16,
    
    // 阴影系统
    boxShadow: '0 4px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
  },
  components: {
    Button: {
      borderRadius: 12,
      paddingInline: 20,
      paddingBlock: 10,
    },
    Card: {
      borderRadius: 16,
      paddingLG: 24,
    },
    Form: {
      itemMarginBottom: 16,
      labelFontSize: 14,
    },
    Input: {
      borderRadius: 12,
      paddingInline: 12,
      paddingBlock: 8,
    },
    Select: {
      borderRadius: 12,
    },
    Modal: {
      borderRadius: 16,
    },
    Tabs: {
      borderRadius: 12,
    },
    List: {
      borderRadius: 12,
    },
    Message: {
      borderRadius: 12,
    },
    Notification: {
      borderRadius: 16,
    }
  }
};